| Print
Create Content » Guidelines for HTML Content
- ## Guidelines for HTML Content The following guidelines are intended to help you to create HTML code that renders consistently across most major e-mail clients. Specifying formatting Do not use `<BODY>` tags to control formatting. Body tags are stripped out or ignored by most Web based e-mail clients. Use inline styles to control HTML typeface: <font style="properties">. Use the <font> tag instead of <div>, <span>, or <p> tags. Do not use fractional font sizes such as 12.5px. Add a <br> tag after your last word and before </font>. Avoid placing images inside <font> tags. Using JavaScript Do not use JavaScript. Ensure there are no `<script type=javascript>` bits of code in the template. Remove or comment out all `onMouseover`, `onMouseout` calls. Using cascading style sheets (CSS) Avoid using CSS. If you must use CSS, use it sparingly and only to format text. Inline styles render consistently across major e-mail clients. Inline styles in font tags can be an effective method for controlling the appearance of your text. For example:
      <font style="font-family:Arial,
      Verdana,Helvetica,sans-serif;
      font-size:12pt;
      font-color:#000000">
      Insert copy here.
      </font>
- Do not use styles to control: Table borders and padding Image float positioning Using tables Limit the width of your HTML tables to 600 pixels to minimize horizontal scrolling, especially in web based e-mail clients. Define <table> elements with:
      border=0 cellpadding=0 cellspacing=0.
- Only define width in the <table> tag. Define <td> elements with:
      valign=top align=left.
- Avoid defining height properties. Avoid defining width in <td> tags. Instead, let a spacer image control width. Do not define <td> elements with a class. Instead, let a spacer image and inline style control margin and font style. Avoid using &nbsp; in empty <td> elements. Instead, use a spacer image. Specifying unsubscribe and forward-to-a-friend links Use the following syntax for unsubscribe and forward to friend links:
      To unsubscribe, <a href="_UNSUBLINK__" style="font-color: #000000" target="_blank">click here</a>.
      To forward this e-mail to a friend, <a href="_FTFLINK__" style="font-color: #000000" target="_blank">click here</a>.
Note: The font color can be anything you choose. Style a hyperlink either by styling the anchor tag as shown above, or by surrounding the display text with a styled <FONT> tag. Including images Define height and width properties for all images. Do not resize images in HTML. Treat photo realistic images as jpg. Treat lines, text, shapes, and solid color imagery as gif. Link images by placing the image tag in place of the display text. Set the border size to 0. Include an <alt> tag to display text if the image is missing. Using the spacer image Use the spacer image, which is a transparent 1x1 pixel image, to set width and height properties.
See Also Create Content Content Tab Entering HTML Content Entering Text Content Guidelines for Text Content Using the Advanced Editor Advanced Editor Toolbar Buttons Previewing Cell Content Using Symbols in Cell Content Using Content Object Symbols
Top of Page | ©2009 e-Dialog. All rights reserved. | Print